<template>
  <!-- <el-scrollbar ref="scrollbarRef" always @scroll="scroll"> -->
  <el-row class="app-container" id="detail" ref="detail" justify="space-between">
    <el-col class="detail-container" :span="18" :lg="18" :xl="19">
      <el-form class="el-form-register" ref="detailForm" :inline="true" label-width="230px" :model="params">
        <!-- 项目基本情况表 -->
        <div class="el-form-ls">
          <!-- <h3 @click="toggleShow('baseInfo')"><span></span>项目基本情况表</h3> -->
          <Title ref="baseInfo" id="baseInfo" name="项目基本情况表" level="1" @toggleShow="toggleShow('baseInfo')"></Title>
          <div class="baseinfo" v-show="showBaseInfo">
            <el-form-item class="el-form-whole" label="项目名称" prop="projectName">
              <el-input v-model="params.projectName" placeholder="请输入" disabled></el-input>
            </el-form-item>
            <el-form-item class="el-form-whole" label="项目概况" prop="survey">
              <el-input v-model="params.survey" placeholder="请输入,500字以内" :rows="3" type="textarea" maxlength="500"
                show-word-limit resize="none" disabled />
            </el-form-item>
            <el-form-item class="el-form-whole" label="项目位置(中心位置)" prop="longitude">
              <!-- <template #label style="line-height: 32px !important;">
                  项目位置<br/>
                  (中心位置)
              </template> -->
              <el-form-item class="el-form-sub" label-width="90" label="经度" prop="longitude">
                <el-input v-model="params.longitudeP" placeholder="请输入" disabled></el-input>
              </el-form-item>
              <el-form-item class="el-form-sub" label-width="90" label="纬度" prop="latitude">
                <el-input v-model="params.latitudeP" placeholder="请输入" disabled></el-input>
              </el-form-item>
              <!-- <i class="el-icon-circle-plus-outline"></i> -->
              <!-- <div>上传文件</div> -->
              <!-- <div>上传文件</div> -->
              <!--zyt修改start-->
              <div style="position: absolute;width: 100%;height: 1px;top: 39px;left: 0px;background: lightgrey;"></div>
              <el-form-item class="el-form-sub" label-width="90" label="文件名称" prop="latitude">
                <el-input v-model="params.cpFile" placeholder="上传文件名称" readonly ></el-input>
              </el-form-item>
              <div style="position: absolute;width: 100%;height: 1px;top: 79px;left: 0px;background: lightgrey;"></div>
              <div style="height:200px;">
                <!--地图-->
                <ResultMap v-if="params.geomText != ''" :geomText="params.geomText"></ResultMap>
              </div>
              <!--zyt修改end-->
            </el-form-item>

            <el-form-item class="el-form-half" label="所在行政区（乡镇级别）：" prop="administrativeRegion">
              <el-cascader :props="xzqProps" placeholder="请选择" v-model="params.administrativeRegion" @change="xzqChange"
                disabled />
            </el-form-item>

            <el-form-item class="el-form-half" style="border-left: none" label="提交报告日期(到月)" prop="subDate">
              <el-date-picker v-model="params.subDate" type="month" value-format="YYYY-MM" placeholder="请选择" disabled />
            </el-form-item>
            <el-form-item class="el-form-whole" label="评审单位" prop="reviewUnit">
              <el-input v-model="params.reviewUnit" placeholder="请输入" disabled></el-input>
            </el-form-item>
            <el-form-item class="el-form-whole" label="承担单位" prop="undertaker">
              <el-input v-model="params.undertaker" placeholder="请输入" disabled></el-input>
            </el-form-item>
            <el-form-item class="el-form-whole" label="委托单位" prop="client">
              <el-input v-model="params.client" placeholder="请输入" disabled></el-input>
            </el-form-item>

            <el-form-item class="el-form-half" style="border-left: none" label="钻孔数量" prop="cpNumber">
              <el-input v-model="params.cpNumber" placeholder="请输入" disabled></el-input>
              <!-- <el-input v-model.number="params.cpNumber" placeholder="请输入"></el-input> -->
            </el-form-item>

            <!-- 改 -->
            <el-form-item class="el-form-half" style="border-left: none" label="物探测线（条）" prop="geophysicalSurveyLine">
              <el-input v-model="params.geophysicalSurveyLine" placeholder="请输入" disabled></el-input>
            </el-form-item>

            <!-- <el-form-item class="el-form-whole" label="" prop="evaluationResults">
              <template #label style="line-height: 32px !important">
                主要评价结论<br />
                (设防水平相当于区划图)
              </template>
              <el-input v-model="params.evaluationResults" placeholder="请输入,800字以内" :rows="5" type="textarea"
                maxlength="800" show-word-limit resize="none" disabled />
            </el-form-item>
            <el-form-item class="el-form-whole" label="与区划图比较" prop="compare">
              <el-input v-model="params.compare" placeholder="请输入,800字以内" :rows="5" type="textarea"
                maxlength="800" show-word-limit resize="none" disabled />
            </el-form-item> -->

            <el-form-item class="el-form-whole" label="登记人">
              {{ params.registrant }}
            </el-form-item>
            <el-form-item class="el-form-half" label="录入时间">
              {{ params.createTime }}
            </el-form-item>
            <el-form-item class="el-form-half" label="登记单位">
              {{ params.registrationUnit }}
            </el-form-item>
          </div>
        </div>
        <!-- 关键性图件 -->
        <div class="el-form-ls">
          <!-- <h3 @click="toggleShow('keyMap')"><span></span>关键性图件</h3> -->
          <Title ref="keyMap" id="keyMap" name="关键性图件" level="1" @toggleShow="toggleShow('keyMap')"></Title>
          <div class="img-containers" v-show="showKeyMap">
            <el-form-item class="el-form-whole" label="（一）区域地震构造图" prop="rsMap">
              <file-upload ref="fileuploadRsMap" :limit="1" accept=".jpeg, .png" :fileType="['jpeg', 'png']"
                :fileSize="15" :action="upload.url" :disabled="true" :auto-upload="true" :showList='false'
                :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
                :on-error="handleFileUploadError" @uploadFile="handleFileSuccess" />
              <ImageLook v-if="params.rsMap" :isdisabled="true" :attachId="params.rsMap" @deleteImage="deleteImageRsMap" />
            </el-form-item>

            <el-form-item class="el-form-whole" label="（二）本次新增加的断层剖面图" prop="newFpMap">
              <file-upload ref="fileuploadNewFpMap" :limit="1" accept=".jpeg, .png" :fileType="['jpeg', 'png']"
                :fileSize="15" :action="upload.url" :disabled="true" :auto-upload="true" :showList='false'
                :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
                :on-error="handleFileUploadError" @uploadFile="handlenewFpMapFileSuccess" />
              <ImageLook v-if="params.newFpMap" :isdisabled="true" :attachId="params.newFpMap" @deleteImage="deleteImageFpMap" />
            </el-form-item>

            <el-form-item class="el-form-whole" label="（三）近场地震构造图" prop="nfssMap">
              <file-upload ref="fileuploadNfssMap" :limit="1" accept=".jpeg, .png" :fileType="['jpeg', 'png']"
                :fileSize="15" :action="upload.url" :disabled="true" :auto-upload="true" :showList='false'
                :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
                :on-error="handleFileUploadError" @uploadFile="handlenfssMapFileSuccess" />
              <ImageLook v-if="params.nfssMap" :isdisabled="true" :attachId="params.nfssMap" @deleteImage="deleteImageNfssMap" />
            </el-form-item>

            <el-form-item class="el-form-whole" label="（四）区域地震震中分布图" prop="reedMap">
              <file-upload ref="fileuploadReedMap" :limit="1" accept=".jpeg, .png" :fileType="['jpeg', 'png']"
                :fileSize="15" :action="upload.url" :disabled="true" :auto-upload="true" :showList='false'
                :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
                :on-error="handleFileUploadError" @uploadFile="handlereedMapFileSuccess" />
              <ImageLook v-if="params.reedMap" :isdisabled="true" :attachId="params.reedMap" @deleteImage="deleteImageReedMap" />
            </el-form-item>

            <!-- // refz值必须是唯一的，，一会自己删除或改名唯一 -->
            <!-- <el-form-item class="el-form-whole" label="（五）近场地震震中分布图" prop="nfeedMapUploadFile"
                  ref="nfeedMapUploadFile"> -->
            <el-form-item class="el-form-whole" label="（五）近场地震震中分布图" prop="nfeedMap">
              <file-upload ref="fileuploadNfeedMap" :limit="1" accept=".jpeg, .png" :fileType="['jpeg', 'png']"
                :fileSize="15" :action="upload.url" :disabled="true" :auto-upload="true" :showList='false'
                :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
                :on-error="handleFileUploadError" @uploadFile="handlenfeedMapFileSuccess" />
              <ImageLook v-if="params.nfeedMap" :isdisabled="true" :attachId="params.nfeedMap" @deleteImage="deleteImageNfeedMap" />
            </el-form-item>


            <el-form-item class="el-form-whole" label="（六）潜在震源区图" prop="psaMap">
              <file-upload ref="fileuploadPsaMap" :limit="1" accept=".jpeg, .png" :fileType="['jpeg', 'png']"
                :fileSize="15" :action="upload.url" :disabled="true" :auto-upload="true" :showList='false'
                :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
                :on-error="handleFileUploadError" @uploadFile="handlepsaMapFileSuccess" />
              <ImageLook v-if="params.psaMap" :isdisabled="true" :attachId="params.psaMap" @deleteImage="deleteImagePsaMap" />
            </el-form-item>

            <el-form-item class="el-form-whole" label="（七）钻孔柱状图" prop="bhMap">
              <file-upload ref="fileuploadBhMap" :limit="1" accept=".jpeg, .png" :fileType="['jpeg', 'png']"
                :fileSize="15" :action="upload.url" :disabled="true" :auto-upload="true" :showList='false'
                :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
                :on-error="handleFileUploadError" @uploadFile="handlebhMapFileSuccess" />
              <ImageLook v-if="params.bhMap" :isdisabled="true" :attachId="params.bhMap" @deleteImage="deleteImageBhMap" />
            </el-form-item>
            <!-- 改 -->
            <el-form-item class="el-form-whole" label="（八）地震动参数分区">

              <el-form-item class="el-form-third" prop="sepz63">
                <file-upload ref="fileuploadSepz63" :limit="1" accept=".jpeg, .png" :fileType="['jpeg', 'png']"
                  :fileSize="15" :action="upload.url" :disabled="true" :auto-upload="true" :showList='false'
                  :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
                  :on-error="handleFileUploadError" @uploadFile="handlesepz63FileSuccess" />
                <ImageLook v-if="params.sepz63" :isdisabled="true" :attachId="params.sepz63" @deleteImage="deleteImageSepz63" />
              </el-form-item>
              <el-form-item class="el-form-third" prop="sepz10">
                <file-upload ref="fileuploadSepz10" :limit="1" accept=".jpeg, .png" :fileType="['jpeg', 'png']"
                  :fileSize="15" :action="upload.url" :disabled="true" :auto-upload="true" :showList='false'
                  :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
                  :on-error="handleFileUploadError" @uploadFile="handlesepz10FileSuccess" />
                <ImageLook v-if="params.sepz10" :isdisabled="true" :attachId="params.sepz10" @deleteImage="deleteImageSepz10" />
              </el-form-item>
              <el-form-item class="el-form-third" prop="sepz2">
                <file-upload ref="fileuploadSepz2" :limit="1" accept=".jpeg, .png" :fileType="['jpeg', 'png']"
                  :fileSize="15" :action="upload.url" :disabled="true" :auto-upload="true" :showList='false'
                  :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
                  :on-error="handleFileUploadError" @uploadFile="handlesepz2FileSuccess" />
                <ImageLook v-if="params.sepz2" :isdisabled="true" :attachId="params.sepz2" @deleteImage="deleteImageSepz2" />
              </el-form-item>


              <el-form-item class="el-form-whole" prop="sepz">
                <el-upload v-model:file-list="params.sepzFileList" :action="upload.url" list-type="picture-card"
                  :headers="upload.headers" :auto-upload="true" :fileType="['jpeg', 'png']"
                  :on-preview="handleSepzPictureCardPreview" :on-remove="deleteImageSepz" :disabled="true"
                  :on-success="handleSepzFileSuccess">
                  <el-icon>
                    <Plus />
                  </el-icon>
                </el-upload>
              </el-form-item>
            </el-form-item>

            <el-form-item class="el-form-whole" label="（九）地震地质灾害分区图" prop="saghdMap">
              <file-upload ref="fileuploadSaghdMap" :limit="1" accept=".jpeg, .png" :fileType="['jpeg', 'png']"
                :fileSize="15" :action="upload.url" :disabled="upload.isUploading" :auto-upload="true" :showList='false'
                :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
                :on-error="handleFileUploadError" @uploadFile="handlesaghdMapFileSuccess" />
              <ImageLook v-if="params.saghdMap" :attachId="params.saghdMap" @deleteImage="deleteImageSaghdMap" />
            </el-form-item>


            <el-form-item class="el-form-whole" label="（十）工程地质单元分布图" prop="egudMap">
              <file-upload ref="fileuploadEgudMap" :limit="1" accept=".jpeg, .png" :fileType="['jpeg', 'png']"
                :fileSize="15" :action="upload.url" :disabled="upload.isUploading" :auto-upload="true" :showList='false'
                :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
                :on-error="handleFileUploadError" @uploadFile="handleegudMapFileSuccess" />
              <ImageLook v-if="params.egudMap" :attachId="params.egudMap" @deleteImage="deleteImageEgudMap" />
            </el-form-item>

            <el-form-item class="el-form-whole" label="（十一）钻孔分布图" prop="bdMap">
              <file-upload ref="fileuploadBdMap" :limit="1" accept=".jpeg, .png" :fileType="['jpeg', 'png']"
                :fileSize="15" :action="upload.url" :disabled="upload.isUploading" :auto-upload="true" :showList='false'
                :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
                :on-error="handleFileUploadError" @uploadFile="handlebdMapFileSuccess" />
              <ImageLook v-if="params.bdMap" :attachId="params.bdMap" @deleteImage="deleteImageBdMap" />
            </el-form-item>

            <el-form-item class="el-form-whole" label="（十二）工程地质剖面图" prop="egpMap">
              <file-upload ref="fileuploadEgpMap" :limit="1" accept=".jpeg, .png" :fileType="['jpeg', 'png']"
                :fileSize="15" :action="upload.url" :disabled="upload.isUploading" :auto-upload="true" :showList='false'
                :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
                :on-error="handleFileUploadError" @uploadFile="handleegpMapFileSuccess" />
              <ImageLook v-if="params.egpMap" :attachId="params.egpMap" @deleteImage="deleteImageEgpMap" />
            </el-form-item>



          </div>
        </div>

        <!-- 关键性数据表格 -->
        <div class="el-form-ls">
          <!-- <h3 @click="toggleShow('keyTable')"><span></span>关键性数据表格</h3> -->
          <Title ref="keyTable" id="keyTable" name="关键性数据表格" level="1" @toggleShow="toggleShow('keyTable')"></Title>
          <div v-show="showKeyTable">
            <div class="historicalEarthquakeCatalogue">
              <!-- <h4>（一）历史地震目录</h4> -->
              <Title ref="historicalEarthquakeCatalogue-1" id="historicalEarthquakeCatalogue-1" name="（一）历史地震目录"
                own="keyTable" level="2"></Title>
              <el-table class="listTable" ref="multipleTableRef" border :data="params.historyEarthquakeCatalogueTableData"
                style="width: 100%" :cell-style="{ border: '1px solid #e5ebf7' }"
                :header-cell-style="{ border: '1px solid #e5ebf7', borderLeft: 'none' }">
                <el-table-column type="index" width="55" label="编号" />
                <el-table-column header-align="center" align="center">
                  <template #header>
                    <span class="column-header-sign">*</span>
                    <span class="column-header-label">发震时间</span>
                  </template>
                  <el-table-column prop="eoTimeYmd" header-align="center" align="center" width="120">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">年月日</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'historyEarthquakeCatalogueTableData.' +
                        scope.$index +
                        '.eoTimeYmd'
                        ">
                        <!-- <el-date-picker v-model="scope.row.eoTimeYmd" value-format="YYYY-MM-DD" type="date"
                          placeholder="请选择" disabled /> -->
                        <el-input v-model="scope.row.eoTimeYmd" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="eoTimeHms" header-align="center" align="center" width="110">
                    <template #header>
                      <span class="column-header-label">时分秒</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'historyEarthquakeCatalogueTableData.' + scope.$index + '.eoTimeHms'">
                        <el-time-picker v-model="scope.row.eoTimeHms" format="HH:mm:ss" value-format="hh:mm:ss"
                          placeholder="请选择" size="small" disabled />
                      </el-form-item>
                    </template>
                  </el-table-column>
                </el-table-column>

                <el-table-column label="震中位置" header-align="center" align="center">
                  <template #header>
                    <span class="column-header-sign">*</span>
                    <span class="column-header-label">震中位置</span>
                  </template>
                  <el-table-column label="北纬" prop="northLatitude" header-align="center" align="center" width="110">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">北纬</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'historyEarthquakeCatalogueTableData.' +
                        scope.$index +
                        '.northLatitude'
                        ">
                        <el-input v-model="scope.row.northLatitude" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>
                  <el-table-column label="东经" prop="eastLongitude" header-align="center" align="center" width="110">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">东经</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'historyEarthquakeCatalogueTableData.' +
                        scope.$index +
                        '.eastLongitude'">
                        <el-input v-model="scope.row.eastLongitude" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>
                </el-table-column>

                <el-table-column prop="magnitude" header-align="center" align="center" label="震级M">
                  <template #header>
                    <span class="column-header-sign">*</span>
                    <span class="column-header-label">震级M</span>
                  </template>
                  <template #default="scope">
                    <el-form-item :prop="'historyEarthquakeCatalogueTableData.' +
                      scope.$index +
                      '.magnitude'
                      ">
                      <el-input v-model="scope.row.magnitude" size="small" disabled></el-input>
                    </el-form-item>
                  </template>
                </el-table-column>

                <el-table-column prop="depth" header-align="center" align="center" label="深度km">
                  <template #header>
                    <span class="column-header-sign">*</span>
                    <span class="column-header-label">深度km</span>
                  </template>
                  <template #default="scope">
                    <el-form-item :prop="'historyEarthquakeCatalogueTableData.' +
                      scope.$index +
                      '.depth'
                      ">
                      <el-input v-model="scope.row.depth" size="small" disabled></el-input>
                    </el-form-item>
                  </template>
                </el-table-column>

                <el-table-column prop="epicentralIntensity" header-align="center" align="center" label="震中烈度">
                  <template #default="scope">
                    <el-form-item :prop="'historyEarthquakeCatalogueTableData.' +
                      scope.$index +
                      '.epicentralIntensity'
                      ">
                      <el-input v-model="scope.row.epicentralIntensity" size="small" disabled></el-input>
                    </el-form-item>
                  </template>
                </el-table-column>

                <el-table-column prop="accuracy" header-align="center" align="center" label="精度">
                  <template #header>
                    <span class="column-header-sign">*</span>
                    <span class="column-header-label">精度</span>
                  </template>
                  <template #default="scope">
                    <el-form-item :prop="'historyEarthquakeCatalogueTableData.' +
                      scope.$index +
                      '.accuracy'
                      ">
                      <el-input v-model="scope.row.accuracy" size="small" disabled></el-input>
                    </el-form-item>
                  </template>
                </el-table-column>

                <el-table-column prop="erpName" header-align="center" align="center" label="震中参考地名">
                  <template #header>
                    <span class="column-header-sign">*</span>
                    <span class="column-header-label">震中参考地名</span>
                  </template>
                  <template #default="scope">
                    <el-form-item :prop="'historyEarthquakeCatalogueTableData.' +
                      scope.$index +
                      '.erpName'
                      ">
                      <el-input v-model="scope.row.erpName" size="small" disabled></el-input>
                    </el-form-item>
                  </template>
                </el-table-column>
              </el-table>

            </div>

            <div class="solum">
              <!-- <h4>（二）土层</h4> -->
              <Title ref="solum-2" id="solum-2" name="（二）土层" level="2" own="keyTable"></Title>
              <div class="holeFormingInformation">
                <!-- <h5>成孔信息</h5> -->
                <Title ref="holeFormingInformation-1" id="holeFormingInformation-1" name="成孔信息" level="3" own="solum-2">
                </Title>
                <el-table class="listTable" ref="multipleTableRef" border :data="params.holeTableData" style="width: 100%"
                  :cell-style="{ border: '1px solid #e5ebf7', }"
                  :header-cell-style="{ border: '1px solid #e5ebf7', borderLeft: 'none' }">
                  <el-table-column type="index" width="55" label="序号" />
                  <el-table-column prop="projectName" header-align="center" align="center" label="钻孔依托的项目">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">钻孔依托的项目</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'holeTableData.' + scope.$index + '.projectName'">
                        <!-- <el-select v-model="scope.row.projectName" size="small" placeholder="请选择" class="form-select"
                          disabled>
                          <el-option v-for="item in projectIdOptions" :key="item.value" :label="item.label"
                            :value="item.label">
                          </el-option>
                        </el-select> -->
                        <el-input v-model="scope.row.projectName" size="small" disabled></el-input>
                      </el-form-item>

                    </template>
                  </el-table-column>

                  <el-table-column prop="boreholeNumber" header-align="center" align="center" label="钻孔编号">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">钻孔编号</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'holeTableData.' + scope.$index + '.boreholeNumber'
                        ">
                        <el-input v-model="scope.row.boreholeNumber" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="hlLongitude" header-align="center" align="center" label="孔位经度（°）">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">孔位经度（°）</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'holeTableData.' + scope.$index + '.hlLongitude'">
                        <el-input v-model="scope.row.hlLongitude" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="hlLatitude" header-align="center" align="center" label=" 孔位纬度（°）">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">孔位纬度（°）</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'holeTableData.' + scope.$index + '.hlLatitude'">
                        <el-input v-model="scope.row.hlLatitude" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="drillingDepth" header-align="center" align="center" label="钻孔深度（m）">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">钻孔深度（m）</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'holeTableData.' + scope.$index + '.drillingDepth'">
                        <el-input v-model="scope.row.drillingDepth" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="groundElevation" header-align="center" align="center" label="地面高程（m）">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">地面高程（m)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'holeTableData.' + scope.$index + '.groundElevation'
                        ">
                        <el-input v-model="scope.row.groundElevation" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="groundwaterLevel" header-align="center" align="center" label="地下水位（m）">
                    <!-- <template #header>
                    <span class="column-header-sign">*</span>
                    <span class="column-header-label">地下水位（m）</span>
                  </template> -->
                    <template #default="scope">
                      <el-form-item :prop="'holeTableData.' + scope.$index + '.groundwaterLevel'
                        ">
                        <el-input v-model="scope.row.groundwaterLevel" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>


                </el-table>

              </div>

              <div class="soilDynamicParameters">
                <!-- <h5>土动力参数</h5> -->
                <Title ref="soilDynamicParameters-2" id="soilDynamicParameters-2" name="土动力参数" level="3" own="solum-2">
                </Title>
                <el-table class="listTable" ref="multipleTableRef" border :data="params.soilTableData" style="width: 100%"
                  :cell-style="{
                    border: '1px solid #e5ebf7',
                  }" :header-cell-style="{
  border: '1px solid #e5ebf7',
  borderLeft: 'none',
}">
                  <el-table-column type="index" width="55" label="序号" />
                  <el-table-column prop="stNumber" header-align="center" align="center" label="土类号">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">土类号</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.stNumber'">
                        <el-input v-model="scope.row.stNumber" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="geotechnicalName" header-align="center" align="center" label="岩土名称">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">岩土名称</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.geotechnicalName'
                        ">
                        <el-input v-model="scope.row.geotechnicalName" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="boreholeNumber" header-align="center" align="center" label="钻孔编号">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">钻孔编号</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.boreholeNumber'
                        ">
                        <el-input v-model="scope.row.boreholeNumber" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="bdosSample" header-align="center" align="center" label="土样埋深">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">土样埋深</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.bdosSample'">
                        <el-input v-model="scope.row.bdosSample" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="parameterSource" header-align="center" align="center" label="参数来源">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">参数来源</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.parameterSource'
                        ">
                        <el-input v-model="scope.row.parameterSource" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="sdDensity" header-align="center" align="center" label="密度(kg/m3)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">密度(kg/m3)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.sdDensity'">
                        <el-input v-model="scope.row.sdDensity" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>
                  <!-- 要完善 -->
                  <el-table-column label="模量比(G/Gmax)剪应变(γ)（10^-4×0.05)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">模量比(G/Gmax)剪应变(γ)（10^-4×0.05)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.modulusRatio1'">
                        <el-input v-model="scope.row.modulusRatio1" size="small" disabled></el-input>
                      </el-form-item>
                    </template>

                  </el-table-column>

                  <el-table-column label="模量比(G/Gmax)剪应变(γ)（10^-4×0.10)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">模量比(G/Gmax)剪应变(γ)（10^-4×0.10)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.modulusRatio2'">
                        <el-input v-model="scope.row.modulusRatio2" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column label="模量比(G/Gmax)剪应变(γ)（10^-4×0.50)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">模量比(G/Gmax)剪应变(γ)（10^-4×0.50)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.modulusRatio3'">
                        <el-input v-model="scope.row.modulusRatio3" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column label="模量比(G/Gmax)剪应变(γ)（10-4×1.00)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">模量比(G/Gmax)剪应变(γ)（10-4×1.00)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.modulusRatio4'">
                        <el-input v-model="scope.row.modulusRatio4" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column label="模量比(G/Gmax)剪应变(γ)（10^-4×5.00)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">模量比(G/Gmax)剪应变(γ)（10^-4×5.00)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.modulusRatio5'">
                        <el-input v-model="scope.row.modulusRatio5" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column label="模量比(G/Gmax)剪应变(γ)（10^-4×10.00)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">模量比(G/Gmax)剪应变(γ)（10^-4×10.00)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.modulusRatio6'">
                        <el-input v-model="scope.row.modulusRatio6" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column label="模量比(G/Gmax)剪应变(γ)（10^-4×50.00)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">模量比(G/Gmax)剪应变(γ)（10^-4×50.00)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.modulusRatio7'">
                        <el-input v-model="scope.row.modulusRatio7" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column label="模量比(G/Gmax)剪应变(γ)（10^-4×100.00)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">模量比(G/Gmax)剪应变(γ)（10^-4×100.00)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.modulusRatio8'">
                        <el-input v-model="scope.row.modulusRatio8" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column label="阻尼比(λ)剪应变(γ)（10^-4×0.05)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">阻尼比(λ)剪应变(γ)（10^-4×0.05)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.dampingRatio1'">
                        <el-input v-model="scope.row.dampingRatio1" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column label="阻尼比(λ)剪应变(γ)（10^-4×0.10)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">阻尼比(λ)剪应变(γ)（10^-4×0.10)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.dampingRatio2'">
                        <el-input v-model="scope.row.dampingRatio2" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column label="阻尼比(λ)剪应变(γ)（10^-4×0.50)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">阻尼比(λ)剪应变(γ)（10^-4×0.50)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.dampingRatio3'">
                        <el-input v-model="scope.row.dampingRatio3" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column label="阻尼比(λ)剪应变(γ)（10^-4×1.00)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">阻尼比(λ)剪应变(γ)（10^-4×1.00)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.dampingRatio4'">
                        <el-input v-model="scope.row.dampingRatio4" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column label="阻尼比(λ)剪应变(γ)（10^-4×5.00)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">阻尼比(λ)剪应变(γ)（10^-4×5.00)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.dampingRatio5'">
                        <el-input v-model="scope.row.dampingRatio5" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column label="阻尼比(λ)剪应变(γ)（10^-4×10.00)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">阻尼比(λ)剪应变(γ)（10^-4×10.00)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.dampingRatio6'">
                        <el-input v-model="scope.row.dampingRatio6" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column label="阻尼比(λ)剪应变(γ)（10^-4×50.00)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">阻尼比(λ)剪应变(γ)（10^-4×50.00)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.dampingRatio7'">
                        <el-input v-model="scope.row.dampingRatio7" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column label="阻尼比(λ)剪应变(γ)（10^-4×100.00)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">阻尼比(λ)剪应变(γ)（10^-4×100.00)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'soilTableData.' + scope.$index + '.dampingRatio8'">
                        <el-input v-model="scope.row.dampingRatio8" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>
                </el-table>
              </div>

              <div class="drillingCalculationModel">
                <!-- <h5>钻孔计算模型</h5> -->
                <Title ref="drillingCalculationModel-3" id="drillingCalculationModel-3" name="钻孔计算模型" level="3"
                  own="solum-2"></Title>
                <el-table class="listTable" ref="multipleTableRef" border :data="params.drillingTableData"
                  style="width: 100%" :cell-style="{ border: '1px solid #e5ebf7' }"
                  :header-cell-style="{ border: '1px solid #e5ebf7', borderLeft: 'none' }">
                  <el-table-column type="index" width="55" label="序号" />
                  <el-table-column prop="geotechnicalName" header-align="center" align="center" label="岩土名称">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">岩土名称</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'drillingTableData.' +
                        scope.$index +
                        '.geotechnicalName'
                        ">
                        <el-input v-model="scope.row.geotechnicalName" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="stNumber" header-align="center" align="center" label="土类号">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">土类号</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'drillingTableData.' + scope.$index + '.stNumber'">
                        <el-input v-model="scope.row.stNumber" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="lbDepth" header-align="center" align="center" label="层底深度(m)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">层底深度(m)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'drillingTableData.' + scope.$index + '.lbDepth'">
                        <el-input v-model="scope.row.lbDepth" size="small" type="number" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="geotechnicalDensity" header-align="center" align="center" label="密度(kg/m^3)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">密度(kg/m3)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'drillingTableData.' +
                        scope.$index +
                        '.geotechnicalDensity'
                        ">
                        <el-input v-model="scope.row.geotechnicalDensity" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="layerThickness" header-align="center" align="center" label="层厚(m)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">层厚(m)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'drillingTableData.' + scope.$index + '.layerThickness'
                        ">
                        <el-input v-model="scope.row.layerThickness" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="swVelocity" header-align="center" align="center" label="剪切波波速V(m/s)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">剪切波波速V(m/s)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'drillingTableData.' + scope.$index + '.swVelocity'
                        ">
                        <el-input v-model="scope.row.swVelocity" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </div>

            <div class="historicalEarthquakeCatalogue">
              <!-- <h4>（三）地震地质灾害评价</h4> -->
              <Title ref="historicalAssessment-3" id="historicalAssessment-3" name="（三）地震地质灾害评价" level="2" own="keyTable">
              </Title>
              <el-form-item class="el-form-whole" label="">
                <el-input v-model="params.saghEvaluation" placeholder="Please input" :rows="5" type="textarea"
                  maxlength="500" show-word-limit resize="none" />
              </el-form-item>
            </div>

            <div class="siteConditionEvaluation">
              <!-- <h4>（四）场地类别</h4> -->
              <Title ref="siteConditionEvaluation-4" id="siteConditionEvaluation-4" name="（四）场地类别" level="2"
                own="keyTable"></Title>
              <div class="holeFormingInformation">
                <h5>场地类别判别信息表</h5>
                <el-table class="listTable" ref="multipleTableRef" border :data="params.infoTableData" style="width: 100%"
                  :cell-style="{
                    border: '1px solid #e5ebf7',
                  }" :header-cell-style="{
  border: '1px solid #e5ebf7',
  borderLeft: 'none',
}">
                  <el-table-column type="index" width="55" label="序号" />
                  <el-table-column prop="boreholeNumber" header-align="center" align="center" label="钻孔编号（与土层模型相对应）">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">钻孔编号（与土层模型相对应）</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'infoTableData.' + scope.$index + '.boreholeNumber'
                        ">
                        <!-- <el-input v-model="scope.row.boreholeNumber" size="small"></el-input> -->
                        <el-select v-model="scope.row.boreholeNumber" size="small" placeholder="请选择" class="form-select"
                          disabled>
                          <el-option v-for="item in boreholeNumberOptions" :key="item.value" :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="eswv" header-align="center" align="center" label="20m等效剪切波速（M/s）">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">20m等效剪切波速（M/s）</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'infoTableData.' + scope.$index + '.eswv'">
                        <el-input v-model="scope.row.eswv" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="tocLayer" header-align="center" align="center" label="覆盖层厚度m">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">覆盖层厚度m</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'infoTableData.' + scope.$index + '.tocLayer'">
                        <el-input v-model="scope.row.tocLayer" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="fieldType" header-align="center" align="center" label="场地类别">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">场地类别</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'infoTableData.' + scope.$index + '.fieldType'">
                        <el-select v-model="scope.row.fieldType" size="small" placeholder="请选择" class="form-select"
                          disabled>
                          <el-option v-for="item in siteClassificationOptions" :key="item.value" :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </template>
                  </el-table-column>

                </el-table>

              </div>
            </div>

            <div class="newExplorationLine">
              <!-- <h4>（五）新开展的勘探测线</h4> -->
              <Title ref="newExplorationLine-5" id="newExplorationLine-5" name="（五）新开展的勘探测线" level="2" own="keyTable">
              </Title>
              <div class="lineInformationTable">
                <h5>测线信息表格</h5>
                <el-table class="listTable" ref="multipleTableRef" border :data="params.lineInfoTableData"
                  style="width: 100%" :cell-style="{
                    border: '1px solid #e5ebf7',
                  }" :header-cell-style="{
  border: '1px solid #e5ebf7',
  borderLeft: 'none',
}">
                  <el-table-column type="index" width="55" label="序号" />
                  <el-table-column prop="testNumber" header-align="center" align="center" label="测线编号">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">测线编号</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'lineInfoTableData.' + scope.$index + '.testNumber'
                        ">
                        <el-input v-model="scope.row.testNumber" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="testAr" header-align="center" align="center" label="测线所在行政区（乡镇级别）"
                    min-width="200">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">测线所在行政区（乡镇级别）</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'lineInfoTableData.' + scope.$index + '.testAr'">
                        <el-cascader :props="xzqProps" placeholder="请选择" v-model="scope.row.testAr" @change="xzqChange"
                          ref="checkedAreaRef" disabled size="small" />
                        <!-- <el-input v-model="scope.row.testAr" size="small"></el-input> -->
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="constructionUnit" header-align="center" align="center" label="施工单位">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">施工单位</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'lineInfoTableData.' +
                        scope.$index +
                        '.constructionUnit'
                        ">
                        <el-input v-model="scope.row.constructionUnit" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column label="起点（小数点后6位）" header-align="center" align="center">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">起点（小数点后6位）</span>
                    </template>
                    <el-table-column prop="startLongitude" label="经度" header-align="center" align="center" width="110">
                      <template #default="scope">
                        <el-form-item :prop="'lineInfoTableData.' +
                          scope.$index +
                          '.startLongitude'
                          ">
                          <el-input v-model="scope.row.startLongitude" size="small" disabled></el-input>
                        </el-form-item>
                      </template>
                    </el-table-column>

                    <el-table-column prop="startLatitude" label="纬度" header-align="center" align="center" width="110">
                      <template #default="scope">
                        <el-form-item :prop="'lineInfoTableData.' + scope.$index + '.startLatitude'
                          ">
                          <el-input v-model="scope.row.startLatitude" size="small" disabled></el-input>
                        </el-form-item>
                      </template>
                    </el-table-column>
                  </el-table-column>

                  <el-table-column label="终点（小数点后6位）" header-align="center" align="center">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">终点（小数点后6位）</span>
                    </template>
                    <el-table-column prop="endLongitude" label="经度" header-align="center" align="center" width="110">

                      <template #default="scope">
                        <el-form-item :prop="'lineInfoTableData.' + scope.$index + '.endLongitude'
                          ">
                          <el-input v-model="scope.row.endLongitude" size="small" disabled></el-input>
                        </el-form-item>
                      </template>
                    </el-table-column>

                    <el-table-column prop="endLatitude" label="纬度" header-align="center" align="center" width="110">
                      <template #default="scope">
                        <el-form-item :prop="'lineInfoTableData.' + scope.$index + '.endLatitude'
                          ">
                          <el-input v-model="scope.row.endLatitude" size="small" disabled></el-input>
                        </el-form-item>
                      </template>
                    </el-table-column>
                  </el-table-column>

                  <el-table-column prop="surveyMethod" header-align="center" align="center" label="勘探方式">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">勘探方式</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'lineInfoTableData.' + scope.$index + '.surveyMethod'
                        ">
                        <el-input v-model="scope.row.surveyMethod" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>


                  <el-table-column prop="surveyParameters" header-align="center" align="center" label="勘探基本参数">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">勘探基本参数</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'lineInfoTableData.' + scope.$index + '.surveyParameters'
                        ">
                        <el-input v-model="scope.row.surveyParameters" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="testLength" header-align="center" align="center" label="长度km">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">长度km</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'lineInfoTableData.' + scope.$index + '.testLength'
                        ">
                        <el-input v-model="scope.row.testLength" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>
                  <el-table-column prop="pposlMap" label="地震反射时间剖面和地质解释剖面" header-align="center" align="center" width="120">
                    <template #default="scope">
                      <el-form-item>
                        <span v-if="!scope.row.pposlMap">无</span>
                        <ImagePreview :src="`/attachment/downLoadFile?attachId=${scope.row.pposlMap}`" :width="100" :height="100" v-else></ImagePreview>
                      </el-form-item>
                    </template>
                  </el-table-column>

                </el-table>

                <!-- <div class="img-containers">
                  <el-form-item class="el-form-whole" label="每条测线的剖面图片" v-for="(item, index) in params.lineInfoTableData"
                    :key="item.testId || index" :prop="'pposlMap.' + index">

                    <file-upload :ref="'fileuploadLineMap' + index" :limit="1" accept=".jpeg, .png"
                      :fileType="['jpeg', 'png']" :fileSize="15" :fileIndex="index" :showList='false' :action="upload.url"
                      :disabled="upload.isUploading" :auto-upload="true" :before-upload="handleFileBeforeUpload"
                      :on-progress="handleFileUploadProgress" :on-error="handleFileUploadError"
                      @uploadFile="handlepposlMapFileSuccess" />
                    <ImageLook v-if="item.pposlMap" :attachId="item.pposlMap" :fileIndex="index"
                      @deleteImage="deleteImageLineMap" />
                  </el-form-item>
                </div> -->
              </div>
            </div>

            <div class="newDevelopGeologicalProfiles">
              <Title ref="newDevelopGeologicalProfiles-6" id="newDevelopGeologicalProfiles-6" name="（六）新开展的地质剖面" level="2"
                own="keyTable">
              </Title>
              <div class="geologicalInformationTable">
                <h5>地质剖面信息表格</h5>
                <el-table class="listTable" ref="multipleTableRef" border :data="params.geologicalInfoTableData"
                  style="width: 100%" :cell-style="{ border: '1px solid #e5ebf7' }"
                  :header-cell-style="{ border: '1px solid #e5ebf7', borderLeft: 'none' }">
                  <el-table-column type="index" width="75" label="序号">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">序号</span>
                    </template>
                  </el-table-column>
                  <el-table-column prop="bisectName" header-align="center" align="center" label="剖面名称">
                    <template #default="scope">
                      <el-form-item :prop="'geologicalInfoTableData.' + scope.$index + '.bisectName'
                        ">
                        <el-input v-model="scope.row.bisectName" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>
                  <el-table-column prop="sectionArea" header-align="center" align="center" label="剖面所在行政区（乡镇级别）"
                    min-width="200">
                    <template #default="scope">
                      <el-form-item :prop="'geologicalInfoTableData.' + scope.$index + '.sectionArea'">
                        <el-cascader :props="xzqProps" placeholder="请选择" v-model="scope.row.sectionArea"
                          @change="xzqChange2" ref="checkedAreaRef" size="small" disabled />
                      </el-form-item>
                    </template>
                  </el-table-column>
                  <el-table-column prop="longitude" label="经度" header-align="center" align="center">
                    <template #default="scope">
                      <el-form-item :prop="'geologicalInfoTableData.' +
                        scope.$index +
                        '.longitude'
                        ">
                        <el-input v-model="scope.row.longitude" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>
                  <el-table-column prop="latitude" label="纬度" header-align="center" align="center">
                    <template #default="scope">
                      <el-form-item :prop="'geologicalInfoTableData.' + scope.$index + '.latitude'
                        ">
                        <el-input v-model="scope.row.latitude" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>
                  <el-table-column prop="pposlMap" label="地质剖面图片" header-align="center" align="center" width="120">
                    <template #default="scope">
                        <span v-if="!scope.row.pposlMap">无</span>
                        <ImagePreview :src="`/attachment/downLoadFile?attachId=${scope.row.pposlMap}`" :width="100" :height="100"  v-else></ImagePreview>
                    </template>
                  </el-table-column>
                </el-table>
                <!-- <div class="img-containers">
                  <el-form-item class="el-form-whole" label="地质剖面图片" prop="lpPicture">
                    <file-upload :limit="1" accept=".jpeg, .png" :fileType="['jpeg', 'png']" :fileSize="15"
                      :action="upload.url" :disabled="upload.isUploading" :auto-upload="true"
                      :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
                      :on-error="handleFileUploadError" @uploadFile="handlelpPictureFileSuccess" />
                    <ImageLook v-if="params.fileMap && params.fileMap.lpPicture"
                      :attachId="params.fileMap.lpPicture.attachId" />
                  </el-form-item>
                </div> -->
              </div>
            </div>

            <div class="siteGroundMotionParameters">
              <!-- <h4>（六）场地地震动参数</h4> -->
              <Title ref="siteGroundMotionParameters-7" id="siteGroundMotionParameters-7" name="（七）场地地震动参数" level="2"
                own="keyTable"></Title>
              <div class="parametersTable">
                <el-table class="listTable" ref="multipleTableRef" border :data="params.siteTableData" style="width: 100%"
                  :cell-style="{
                    border: '1px solid #e5ebf7',
                  }" :header-cell-style="{
  border: '1px solid #e5ebf7',
  borderLeft: 'none',
}">
                  <el-table-column type="index" width="55" label="序号" />

                  <el-table-column prop="transcendProbability" header-align="center" align="center" label="超越概率">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">超越概率</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'siteTableData.' +
                        scope.$index +
                        '.transcendProbability'
                        ">
                        <el-input v-model="scope.row.transcendProbability" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>
                  <el-table-column prop="amaxGal" header-align="center" align="center" label="Amax(gal)">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">Amax(gal)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'siteTableData.' + scope.$index + '.amaxGal'">
                        <el-input v-model="scope.row.amaxGal" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="bm" header-align="center" align="center" label="βm">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">βm</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'siteTableData.' + scope.$index + '.bm'">
                        <el-input v-model="scope.row.bm" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="amax" label="αmax" header-align="center" align="center">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">αmax</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'siteTableData.' + scope.$index + '.amax'">
                        <el-input v-model="scope.row.amax" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="t1S" label="T1 (s)" header-align="center" align="center">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">T1 (s)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'siteTableData.' + scope.$index + '.t1S'">
                        <el-input v-model="scope.row.t1S" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="tgS" label="Tg(s)" header-align="center" align="center">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">Tg(s)</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'siteTableData.' + scope.$index + '.tgS'">
                        <el-input v-model="scope.row.tgS" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>
                  <el-table-column prop="v" label="γ" header-align="center" align="center">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">γ</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'siteTableData.' + scope.$index + '.v'">
                        <el-input v-model="scope.row.v" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <el-table-column prop="boreholeNumber" header-align="center" align="center" label="钻孔编号">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">钻孔编号</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'siteTableData.' + scope.$index + '.boreholeNumber'">
                        <el-select v-model="scope.row.boreholeNumber" size="small" placeholder="请选择" class="form-select"
                          disabled>
                          <el-option v-for="item in boreholeNumberOptions" :key="item.value" :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                    </template>
                  </el-table-column>


                  <el-table-column prop="dampingRatio " header-align="center" align="center" label="阻尼比">
                    <template #header>
                      <span class="column-header-sign">*</span>
                      <span class="column-header-label">阻尼比</span>
                    </template>
                    <template #default="scope">
                      <el-form-item :prop="'siteTableData.' + scope.$index + '. dampingRatio '
                        ">
                        <el-input v-model="scope.row.dampingRatio" size="small" disabled></el-input>
                      </el-form-item>
                    </template>
                  </el-table-column>

                  <!-- <el-table-column label="操作">
                      <template #default="scope">
                        <el-button link size="small" type="primary" @click="handlleSiteDelete(scope.$index, scope.row)">
                          删除
                        </el-button>
                      </template>
                    </el-table-column> -->
                </el-table>


                <el-form-item class="el-form-half" label="周期点：" prop="periodicPoint">
                  <el-input v-model="params.periodicPoint" placeholder="" disabled></el-input>
                </el-form-item>
                <el-form-item class="el-form-half" style="border-left: none" label="反应谱值：" prop="rsValue">
                  <el-input v-model="params.rsValue" placeholder="" disabled></el-input>
                </el-form-item>
              </div>
            </div>
          </div>
        </div>

        <!-- 附件 -->
        <div class="el-form-ls">
          <!-- <h3 @click="toggleShow('accessory')"><span></span>附件</h3> -->
          <Title ref="accessory" id="accessory" name="附件" level="1" @toggleShow="toggleShow('accessory')"></Title>
          <div class="img-containers" v-show="showAccessory">
            <el-form-item class="el-form-whole" label="上传报告" prop="projectName">
              <file-upload ref="fileUpload" :fileType="['pdf', 'doc', 'docx', 'xlsx']" :fileSize="10240"
                v-model="params.attachList" disabled :showCustomTip="true"
                :customTipContent="'注：附件格式：pdf、doc、docx、xlsx，附件最大可上传10G文件。'" />
            </el-form-item>

            <el-form-item v-if="m_operateType === 'modify'" class="el-form-half" label="修改原由：" prop="updateReason">
              <el-input v-model="params.updateReason" placeholder=""></el-input>
            </el-form-item>
            <el-form-item v-if="m_operateType === 'modify'" class="el-form-half" style="border-left: none" label="修改详细信息："
              prop="modifyDetails">
              <el-input v-model="params.modifyDetails" placeholder=""></el-input>
            </el-form-item>

            <el-form-item v-if="m_operateType === 'delete'" class="el-form-whole" label="删除原由" prop="deleteReason">
              <el-input v-model="params.deleteReason" placeholder="请输入"></el-input>
            </el-form-item>

            <el-form-item v-if="isShowApply" class="el-form-third" label="审批人">
              {{ params.approvalUser }}
            </el-form-item>
            <el-form-item v-if="isShowApply" class="el-form-third" label="审批时间" label-width="120">
              {{ params.approvalTime }}
            </el-form-item>
            <el-form-item v-if="isShowApply" class="el-form-third" label="审批单位" label-width="120">
              {{ params.approvalOrg }}
            </el-form-item>
            <el-form-item v-if="isShowApply" class="el-form-half" label="审批状态：" prop="approvalStatus" required>
              <el-select v-model="params.approvalStatus" placeholder="请选择" class="form-select">
                <el-option v-for="item in approvalStatusOptions" :key="item.value" :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item v-if="isShowApply" class="el-form-half" style="border-left: none" label="审批意见"
              prop="reviewComments" required>
              <el-input v-model="params.reviewComments" placeholder="请输入"></el-input>
            </el-form-item>

          </div>
        </div>

      </el-form>
    </el-col>


  </el-row>
</template>
<script setup>
//地图
import ResultMap from '@/map/components/resultMap/map.vue';
import { Upload } from "@element-plus/icons-vue";
import { ElMessage, ElMessageBox } from 'element-plus'
import { getInfo } from '@/api/login'
import { getUserId } from "@/utils/auth";
import { parseTime } from "@/utils/ruoyi.js";
// 文件上传组件
import FileUploadExcel from "@/components/FileUploadExcel"
import ScrollBetter from '@/components/ScrollBetter'
import Title from '../components/Title.vue'
import ImageLook from '../components/ImageLook.vue'
// import { FileUploadExcel } from "@/components/FileUploadExcel/index";
import { reactive, toRefs, ref, onMounted } from "vue";
import {
  queryAllProject,
  saveOrUpdateXqhResults,
  xzqList,
  getXqhResultsById,
  deleteXqhResultsProject,
  queryUserRole,
  notSubmitted,
  queryHistory
} from "@/api/microzonationEvalutionResultsBank/microzonationEvaResCatRegister.js";

// 当前实例
const { proxy } = getCurrentInstance()
// 当前路由
const route = useRoute();
// 全局路由对象
const router = useRouter();
// 加载动画
const loading = ref(false);

const data = reactive({
  showBaseInfo: true, //是否显示项目基本情况表
  showKeyMap: true,
  showKeyTable: true,
  showAccessory: true,
  treeData: [],
  // 表单参数
  params: {
    projectName: "", //项目名称
    survey: "", //项目概况
    longitudeP: "", //项目经度
    latitudeP: "", //项目纬度
    //zyt修改start
    cpFile: "",//中心文件位置点线文件
    geomText: "",//空间数据
    //zyt修改end
    administrativeRegion: [], //所在行政区
    subDate: "", //提交日期
    reviewUnit: "", //评审单位
    undertaker: "", //承担单位
    client: "", //委托单位
    //projectType: "", //工程类别
    //projectTypeRemarks: "", //工程类别备注
    //safetyRating: "", //安评等级
    cpNumber: "", //钻孔数量
    geophysicalSurveyLine: "",//物探测线（条）
    evaluationResults: "", //评价结论
    compare: "", //与区划图比较
    registrant: "", //登记人
    createTime: "", //录入时间
    registrationUnit: "", //登记单位
    //aospFile: "", //地震动峰值加速度归档（50年10%）(g)
    periodicPoint: "", // 周期点
    rsValue: "", // 反应谱值
    //uploadReport:"",//上传报告
    saghEvaluation: "", // 地震地质灾害评价
    updateReason: "", //修改原由
    modifyDetails: "", //修改详细信息
    deleteReason: "", //删除原由,
    reviewComments: '',//审核意见
    sepz: [],
    sepzFileList: [],
    drillingTableData: [],
    historyEarthquakeCatalogueTableData: [],
    holeTableData: [],
    soilTableData: [],
    infoTableData: [],
    lineInfoTableData: [],
    siteTableData: []
  },

  //projectIdOptions: [],
  approvalStatusOptions: [
    {
      value: '2',
      label: '通过'
    }, {
      value: '3',
      label: '未通过'
    }
  ],
  siteClassificationOptions: [
    {
      value: '10',
      label: 'Ⅰ0',
    },
    {
      value: '1',
      label: 'Ⅰ1',
    },
    {
      value: '2',
      label: 'Ⅱ',
    },
    {
      value: '3',
      label: 'Ⅲ',
    },
    {
      value: '4',
      label: 'Ⅳ',
    }
  ],

});
const boreholeNumberOptions = computed(() => {
  if (params.value.holeTableData) {
    return params.value.holeTableData.map(item => { return { label: item.boreholeNumber, value: item.boreholeNumber } })
  } else {
    return []
  }
})
const {
  showBaseInfo,
  showKeyMap,
  showKeyTable,
  showAccessory,
  params,
  rules,
  //projectIdOptions,
  approvalStatusOptions,
  siteClassificationOptions,
  treeData
} = toRefs(data);

const checkHoleNum = (rule, value, callback) => {
  let flag = params.value.holeTableData.some(item => item.boreholeNumber == value)
  if (flag) {
    callback()
  } else {
    callback(new Error('钻孔编号需为成孔信息中现有钻孔编号！'))
  }
}

// 是否展示审批类信息
const isShowApply = computed(
  () => {
    return (m_operateType.value === 'modify' || m_operateType.value === 'delete') && m_IsAdministrator.value && (params.value.status && params.value.status !== '0')
  }
);

const upload = reactive({
  isUploading: false,
  // headers: { token: "tokrn " + getToken() },
  url: import.meta.env.VITE_APP_BASE_API + "/attachment/uploadFile"
});

// 点击展开收起
function toggleShow(value) {
  switch (value) {
    case "baseInfo":
      showBaseInfo.value = !showBaseInfo.value;
      break;
    case "keyMap":
      showKeyMap.value = !showKeyMap.value;
      break;
    case "keyTable":
      showKeyTable.value = !showKeyTable.value;
      break;
    case "accessory":
      showAccessory.value = !showAccessory.value;
      break;
    default:
      break;
  }
}

// 获取用户
function getUserInfo() {
  getInfo(getUserId()).then(response => {
    params.value.registrant = response.user.userName
    params.value.registrationUnit = response.user.orgName
    params.value.createTime = parseTime(new Date())
  });
};

// 文件上传上传，一会名字要变，因为这是多个上传
/**文件上传前处理 */
function handleFileBeforeUpload(file) {
  proxy.$modal.loading("正在导入文件，请稍候...");
  return true
}
/**文件上传中处理 */
const handleFileUploadProgress = (event, file, fileList) => {
  upload.isUploading = true;
};
// 上传失败
function handleFileUploadError(err) {
  proxy.$modal.closeLoading();
  proxy.$modal.msgError("导入文件失败");
}
const uploadIds = reactive({
  upload: ''
})
/** （一）区域地震构造图  文件上传成功处理 */
const handleFileSuccess = (attachId) => {

  params.value.rsMap = attachId // 主要是这一行，绑定Java上的字段字段，在这是rsMap
  proxy.$refs['detailForm'].clearValidate('rsMap')
};
const fileuploadRsMap = ref(null)
const deleteImageRsMap = (attachId) => {
  fileuploadRsMap.value.fileList = []
  params.value.rsMap = null
}
// （二）本次新增加的断层剖面图newFpMap   只需要加成功得事件就行，别的不用
const handlenewFpMapFileSuccess = (attachId) => {

  params.value.newFpMap = attachId // 主要是这一行，绑定Java上的字段字段，在这是newFpMap
  proxy.$refs['detailForm'].clearValidate('newFpMap')
};
const fileuploadNewFpMap = ref(null)
const deleteImageFpMap = (attachId) => {
  fileuploadNewFpMap.value.fileList = []
  params.value.newFpMap = null
}
//（三）近场地震构造图nfssMap
const handlenfssMapFileSuccess = (attachId) => {

  params.value.nfssMap = attachId // 主要是这一行，绑定Java上的字段字段，在这是nfssMap
  proxy.$refs['detailForm'].clearValidate('nfssMap')
};
const fileuploadNfssMap = ref(null)
const deleteImageNfssMap = (attachId) => {
  fileuploadNfssMap.value.fileList = []
  params.value.nfssMap = null
}

//（四）区域地震震中分布图reedMap
const handlereedMapFileSuccess = (attachId) => {

  params.value.reedMap = attachId // 主要是这一行，绑定Java上的字段字段，在这是reedMap
  proxy.$refs['detailForm'].clearValidate('reedMap')
};
const fileuploadReedMap = ref(null)
const deleteImageReedMap = (attachId) => {
  fileuploadReedMap.value.fileList = []
  params.value.reedMap = null
}
//（五）近场地震震中分布图nfeedMap
const handlenfeedMapFileSuccess = (attachId) => {

  params.value.nfeedMap = attachId // 主要是这一行，绑定Java上的字段字段，在这是nfeedMap
  proxy.$refs['detailForm'].clearValidate('nfeedMap')
};
const fileuploadNfeedMap = ref(null)
const deleteImageNfeedMap = (attachId) => {
  fileuploadNfeedMap.value.fileList = []
  params.value.nfeedMap = null
}
// （六）潜在震源区图
const handlepsaMapFileSuccess = (attachId) => {

  params.value.psaMap = attachId // 主要是这一行，绑定Java上的字段字段，在这是psaMap
  proxy.$refs['detailForm'].clearValidate('psaMap')
};
const fileuploadPsaMap = ref(null)
const deleteImagePsaMap = (attachId) => {
  fileuploadPsaMap.value.fileList = []
  params.value.psaMap = null
}
//（七）钻孔柱状图bhMap
const handlebhMapFileSuccess = (attachId) => {

  params.value.bhMap = attachId // 主要是这一行，绑定Java上的字段字段，在这是bhMap
  proxy.$refs['detailForm'].clearValidate('bhMap')
};
const fileuploadBhMap = ref(null)
const deleteImageBhMap = (attachId) => {
  fileuploadBhMap.value.fileList = []
  params.value.bhMap = null
}

//（八）地震动参数分区sepz
const handleSepzFileSuccess = (res, uploadFile, uploadFiles) => {
  params.value.sepz = []
  uploadFiles.forEach(item => {
    if (item.response?.code === 200) {
      params.value.sepz.push(item.response?.data[0].attachId)
    }
  })
  proxy.$refs['detailForm'].clearValidate('sepz')
};
const fileuploadSepz = ref(null)
const deleteImageSepz = (uploadFile, uploadFiles) => {
  params.value.sepz = []
  uploadFiles.forEach(item => {
    if (item.response?.code === 200) {
      params.value.sepz.push(item.response?.data[0].attachId)
    }
  })
}

const handleSepzPictureCardPreview = (uploadFile) => {
  console.log(uploadFile, "handleSepzPictureCardPreview")
}

// 50年63% 
const handlesepz63FileSuccess = (attachId) => {

  params.value.sepz63 = attachId // 主要是这一行，绑定Java上的字段字段，在这是sepz63
  proxy.$refs['detailForm'].clearValidate('sepz63')
  proxy.$refs['detailForm'].clearValidate('sepz')
};
const fileuploadSepz63 = ref(null)
const deleteImageSepz63 = (attachId) => {
  fileuploadSepz63.value.fileList = []
  params.value.sepz63 = null
}

//50年10% 
const handlesepz10FileSuccess = (attachId) => {

  params.value.sepz10 = attachId // 主要是这一行，绑定Java上的字段字段，在这是sepz10
  proxy.$refs['detailForm'].clearValidate('sepz10')
};
const fileuploadSepz10 = ref(null)
const deleteImageSepz10 = (attachId) => {
  fileuploadSepz10.value.fileList = []
  params.value.sepz10 = null
}

//50年2% 
const handlesepz2FileSuccess = (attachId) => {

  params.value.sepz2 = attachId // 主要是这一行，绑定Java上的字段字段，在这是sepz2
  proxy.$refs['detailForm'].clearValidate('sepz2')
};
const fileuploadSepz2 = ref(null)
const deleteImageSepz2 = (attachId) => {
  fileuploadSepz2.value.fileList = []
  params.value.sepz2 = null
}


//（九）地震地质灾害分区图saghdMap
const handlesaghdMapFileSuccess = (attachId) => {

  params.value.saghdMap = attachId // 主要是这一行，绑定Java上的字段字段，在这是saghdMap
  proxy.$refs['detailForm'].clearValidate('saghdMap')
};
const fileuploadSaghdMap = ref(null)
const deleteImageSaghdMap = (attachId) => {
  fileuploadSaghdMap.value.fileList = []
  params.value.saghdMap = null
}

//（十）地震地质灾害分区图egudMap
const handleegudMapFileSuccess = (attachId) => {

  params.value.egudMap = attachId // 主要是这一行，绑定Java上的字段字段，在这是egudMap
  proxy.$refs['detailForm'].clearValidate('egudMap')
};
const fileuploadEgudMap = ref(null)
const deleteImageEgudMap = (attachId) => {
  fileuploadSaghdMap.value.fileList = []
  params.value.egudMap = null
}

// （十一）钻孔分布图bdMap
const handlebdMapFileSuccess = (attachId) => {
  params.value.bdMap = attachId // 主要是这一行，绑定Java上的字段字段，在这是bdMap
  proxy.$refs['detailForm'].clearValidate('bdMap')
};
const fileuploadBdMap = ref(null)
const deleteImageBdMap = (attachId) => {
  fileuploadBdMap.value.fileList = []
  params.value.bdMap = null
}

//（十二） 工程地质剖面图egpMap
const handleegpMapFileSuccess = (attachId) => {
  // upload.isUploading = false;
  // proxy.$modal.closeLoading();
  params.value.egpMap = attachId // 主要是这一行，绑定Java上的字段字段，在这是egpMap
  proxy.$refs['detailForm'].clearValidate('egpMap')
};
const fileuploadEgpMap = ref(null)
const deleteImageEgpMap = (attachId) => {
  fileuploadEgpMap.value.fileList = []
  params.value.egpMap = null
}

// 每条测线的剖面图片删除
const deleteImageLineMap = (attachId, fileIndex) => {
  proxy.$refs['fileuploadLineMap' + fileIndex][0].fileList = []
  params.value.pposlMap.splice(fileIndex, 1)
  params.value.lineInfoTableData = params.value.lineInfoTableData.map((item, index) => {
    if (index == fileIndex) {
      item.pposlMap = null
    }
    return item
  })
}

// 测线剖面图片pposlMap
const handlepposlMapFileSuccess = (attachId) => {
  params.value.pposlMap[fileIndex] = attachId
  proxy.$refs['detailForm'].clearValidate('pposlMap.' + fileIndex)
  params.value.lineInfoTableData = params.value.lineInfoTableData.map((item, index) => {
    if (fileIndex == index) item.pposlMap = attachId
    return item
  })
};

// // 初始化回显表单
const initFormData = (formData) => {
  console.log('llallallal');
  if (formData.dzqhXqhBasicMapEntity) {
    formData.dzqhXqhBasicMapEntity && (params.value = formData.dzqhXqhBasicMapEntity)
    // params.value.controlPoints = Number(formData.dzqhXqhBasicMapEntity.controlPoints)
    params.value.longitudeP = formData.dzqhXqhBasicMapEntity.longitude || ''
    params.value.latitudeP = formData.dzqhXqhBasicMapEntity.latitude || ''
    //zyt修改start
    params.value.cpFile = formData.dzqhXqhBasicMapEntity.cpFile || ''
    params.value.geomText = formData.dzqhXqhBasicMapEntity.geomText || ''
    //zyt修改end
    if (typeof formData.dzqhXqhBasicMapEntity.administrativeRegion == 'string') {
      params.value.administrativeRegion = formData.dzqhXqhBasicMapEntity.administrativeRegion.split(',')
    }
    if (formData.dzqhApCruxElEntityList) {
      params.value.lineInfoTableData = formData.dzqhApCruxElEntityList.map(item => {
        if (typeof item.testAr == 'string') {
          item.testAr = item.testAr.split(',')
        }
        return item
      })
    } else {
      params.value.lineInfoTableData = []
    }
  }
  // 地质剖面信息表格
  if (formData.profileInformationList) {
    params.value.geologicalInfoTableData = formData.profileInformationList.map(item => {
      if (typeof item.sectionArea == 'string') {
        item.sectionArea = item.sectionArea.split(',')
      }
      return item
    })
  } else {
    params.value.geologicalInfoTableData = []
  }
  params.value.drillingTableData = formData.dzqhApCruxDhEntityList || params.value.drillingTableData
  //测线信息lineInfoTableData
  params.value.lineInfoTableData = formData.dzqhApCruxElEntityList || params.value.lineInfoTableData
  //历史地震目录historyEarthquakeCatalogueTableData
  params.value.historyEarthquakeCatalogueTableData = formData.dzqhApCruxHecEntityList || params.value.historyEarthquakeCatalogueTableData
  // params.value.historyEarthquakeCatalogueTableData = formData.dzqhApCruxHecEntityList.map(item => {
  //   item.eoTimeHms = new Date(`${item.eoTimeYmd} ${item.eoTimeHms}`)
  //   return item
  // })
  params.value.holeTableData = formData.dzqhApCruxLayerPfEntityList || params.value.holeTableData//成孔信息holeTableData
  params.value.infoTableData = formData.dzqhApCruxScEntityList || params.value.infoTableData //场地类别判别信息infoTableData
  params.value.soilTableData = formData.dzqhApCruxSdEntityList || params.value.soilTableData//成孔信息holeTableData
  params.value.siteTableData = formData.dzqhApCruxSgmEntityList || params.value.siteTableData//场地类别判别信息infoTableData
  params.value.fileMap = formData.fileMap || []
  params.value.attachList = [formData.fileMap.uploadReport] //附件回显
}

// 修改 删除的回显函数
const getFormData = (projectid) => {
  const querParams = {
    projectId: projectid
  }
  // 开启动画
  proxy.$modal.loading('加载中...');
  getXqhResultsById(querParams).then(res => {
    // 关闭动画
    proxy.$modal.closeLoading();
    if (res.code === 200) {
      initFormData(res.data)
    }
  }).catch(error => {
    // 关闭动画
    proxy.$modal.closeLoading();
  })
}

const getUserRole = () => {
  queryUserRole().then(res => {
    if (res.code === 200) {
      m_IsAdministrator.value = res.data
    }
  }).catch(error => {
  })
}


const m_operateType = ref('save')
const m_projectId = ref('')
const m_IsAdministrator = ref(false) // 判断是否管理员

// getUserRole()
onMounted(() => {

  getFormData(route.params.projectid)


});



const xzqChange = (value) => {
  params.value.administrativeRegion = value
}
/** 行政区列表 */
const xzqProps = {
  lazy: true,
  lazyLoad(node, resolve) {
    let { value } = node
    // 没有value,说明是省，赋值1
    if (!value) {
      value = 1
    }
    // 构造参数
    const params = {
      divisionId: value
    }
    xzqList(params).then((res) => {
      if (res.code === 200) {
        const nodes = []
        res.data.forEach(item => {
          nodes.push({
            value: item.value,
            label: item.name,
            leaf: item.isLeaf,
          }
          )
        })
        resolve(nodes)
      }
    })
  },
}


</script>
  
<style scoped lang="scss">
.el-form-register {


  .img-containers {
    .upload-file {
      padding: 12px;
    }
  }

  .column-header-sign {
    color: red;
  }

  .el-form-ls {
    div {
      h4 {
        font-size: 16px;
        font-weight: bold;
        color: #107ce5;
      }

      div {
        h5 {
          font-size: 16px;
          font-weight: bold;
          color: #333333;
          text-align: center;
        }
      }
    }
  }
}

.bottom-button {

  div:nth-child(2) {
    margin: 10px 0;
  }
}
</style>